<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="jquery-3.3.1.min.js"></script>
</head>
<body>

	<input type="button" value="显示效果" id="btn">
	<div id="box"></div>
	<input type="button" value="显示效果" id="btn2">
	<p>1</p>
	<p>2</p>
	<p>3</p>
	<p>4</p>
	<p>5</p>
	<script>
		// 初次体验jquery
		$("#btn").click(function(){
			$("#box").css({"width":"200px","height":"100px","backgroundColor":"yellow"});
		});

		//再次体验jquery
		$("#btn2").click(function(){
			$("p").text("我们都是p，很骄傲");
		});
	</script>
</body>
</html>